<template>
	<view class="article-wrap">
		<h3 class="article-title">楠溪江美景</h3>
		<view class="play-position">
			<text>湖州-楠溪江</text>
		</view>
		<section class="text">
			楠溪江由北往南曲曲折折贯穿整个永嘉，是浙南地区最令人神往的一片山水。登山探幽、漂流赏水，甚至只是漫步江边，都让人不忍离去。而点缀其中的古村落中，旧时的书院、宗祠比比皆是，颇有韵味。尤其是春夏之交，溪流和田园如梦似幻。
			<img src="http://play01-zj.tourzj.com/2015/12/13/1927151bc30aca275a3a7345bfc9f0d4c5452c.jpg">
			<img src="http://play01-zj.tourzj.com/2015/12/13/1927160883b0bc73bffac3cf288bf2c78e1d02.jpg">
			<img src="http://play01-zj.tourzj.com/2015/12/13/19271758345e281fcf7e909a2b2ccaf2fe9c23.jpg">
		</section>
		<section class="tips">
			<h3 class="section-title">Tips</h3>
			<p class="clearfix text">
				<text class="t-title pull-left">地点：</text>
				<text class="detail pull-left">温州市永嘉县楠溪江风景区</text>
			</p>
			<p class="clearfix text">
				<text class="t-title pull-left">时间：</text>
				<text class="detail pull-left">8:00-17:00</text>
			</p>
			<p class="clearfix text">
				<text class="t-title pull-left">价格：</text>
				<text class="detail pull-left">50</text>
			</p>
			<p class="clearfix text">
				<text class="t-title pull-left">联系方式：</text>
				<text class="detail pull-left">4008269978</text>
			</p>
		</section>
		<section class="guide">
			<h3 class="section-title">锦囊</h3>
			<view class="detail text">
				周边的青龙湖景区可乘竹筏看莲花岩、大桥和漂亮的河滩。大若岩景区也有小楠溪漂流，通常有竹筏也有皮划艇。
			</view>
		</section>
	</view>
</template>

<script>
</script>

<style>
    @import '/static/css/reset.css';
	.article-wrap {
	    padding: 0 6% 2rem;
		width: 100%;
		padding-bottom: 0px;
		background: #fff;
	}
	
	.article-wrap .article-title {
	    font-size: 0.8rem;
	    padding: 5rem 0 2rem;
	    text-align: center;
	    line-height: 1.5;
	}
	
	.article-wrap .play-position {
	    color: #999;
	    font-size: 0.6rem;
	    padding: 0 0 2rem;
	    margin-right: 0.5rem;
	    text-align: center;
	    margin-top: -2rem;
	}
	
	.article-wrap .play-position text {
	    padding: 0 .4rem;
	}
	
	.article-wrap .text {
	    word-break: break-all;
	}
	
	.article-wrap section {
	    font-size: .6rem;
	    line-height: 2;
	    word-wrap: break-word;
	    word-break: break-all;
	}
	
	.article-wrap section img {
	    margin-top: 1.2rem;
	}
	
	.article-wrap .tips,.article-wrap .guide {
	    margin-top: 1.5rem;
	}
	
	.article-wrap .section-title {
	    text-align: center;
	    border-top: 1px solid #E8E8E8;
	    padding: 1.5rem 0;
	    font-size: 0.9rem;
	}
	
	.article-wrap .tips p {
	    padding: .3rem 0;
		color: #000000
	}
	
	.article-wrap .text {
	    word-break: break-all;
	}
	
	.article-wrap .tips .t-title {
	    font-weight: 600;
	    line-height: 1.5;
	    letter-spacing: normal;
	}
	
	.pull-left {
	    float: left;
	}
	
	.article-wrap .tips .detail {
	    width: 70%;
	    line-height: 1.5;
	    letter-spacing: normal;
	}
	
	.article-wrap .tips,.article-wrap .guide {
	    margin-top: 1.5rem;
	}
	
	.article-wrap .section-title {
	    text-align: center;
	    border-top: 1px solid #E8E8E8;
	    padding: 1.5rem 0;
	    font-size: 0.9rem;
	}
	
	.article-wrap .text {
	    word-break: break-all;
	}
	
	p {
	    font-size: 14px;
	    margin-top: 0px;
	    margin-bottom: 10px;
	}
</style>
